/**
 * @author Roger Wu
 */

(function($) {
	var jmenus = new Map();
	// If the DWZ scope is not available, add it
	$.dwz = $.dwz || {};

	$(window).resize(function() {
				setTimeout(function() {
							for (var i = 0; i < jmenus.size(); i++) {
								fillSpace(jmenus.element(i).key);
							}
						}, 100);
			});
	$.fn.extend({
				accordion : function(options, data) {

					var args = Array.prototype.slice.call(arguments, 1);

					return this.each(function() {
								if (options.fillSpace)
									jmenus.put(options.fillSpace, this);
								if (typeof options == "string") {
									var accordion = $.data(this,
											"dwz-accordion");
									accordion[options].apply(accordion, args);
									// INIT with optional options
								} else if (!$(this).is(".dwz-accordion"))
									$.data(this, "dwz-accordion",
											new $.dwz.accordion(this, options));
							});
				},
				/**
				 * deprecated, use accordion("activate", index) instead
				 * 
				 * @param {Object}
				 *            index
				 */
				activate : function(index) {
					return this.accordion("activate", index);
				}
			});

	$.dwz.accordion = function(container, options) {

		// setup configuration
		this.options = options = $
				.extend({}, $.dwz.accordion.defaults, options);
		this.element = container;

		$(container).addClass("dwz-accordion");
		if (options.navigation) {
			var current = $(container).find("a")
					.filter(options.navigationFilter);
			if (current.length) {
				if (current.filter(options.header).length) {
					options.active = current;
				} else {
					options.active = current.parent().parent().prev();
					current.addClass("current");
				}
			}
		}
		// calculate active if not specified, using the first header
		options.headers = $(container).find(options.header);
		options.active = findActive(options.headers, options.active);

		if (options.fillSpace) {
			fillSpace(options.fillSpace);
		} else if (options.autoheight) {
			var maxHeight = 0;
			options.headers.next().each(function() {
						maxHeight = Math.max(maxHeight, $(this).outerHeight());
					}).height(maxHeight);
		}

		options.headers.not(options.active || "").next().hide();
		options.active.find("h2").addClass(options.selectedClass);

		if (options.event)
			$(container).bind((options.event) + ".dwz-accordion", clickHandler);
	};

	$.dwz.accordion.prototype = {
		activate : function(index) {
			// call clickHandler with custom event
			clickHandler.call(this.element, {
						target : findActive(this.options.headers, index)[0]
					});
		},

		enable : function() {
			this.options.disabled = false;
		},
		disable : function() {
			this.options.disabled = true;
		},
		destroy : function() {
			this.options.headers.next().css("display", "");
			if (this.options.fillSpace || this.options.autoheight) {
				this.options.headers.next().css("height", "");
			}
			$.removeData(this.element, "dwz-accordion");
			$(this.element).removeClass("dwz-accordion")
					.unbind(".dwz-accordion");
		}
	}

	function scopeCallback(callback, scope) {
		return function() {
			return callback.apply(scope, arguments);
		};
	}

	function completed(cancel) {
		// if removed while animated data can be empty
		if (!$.data(this, "dwz-accordion"))
			return;
		var instance = $.data(this, "dwz-accordion");
		var options = instance.options;
		options.running = cancel ? 0 : --options.running;
		if (options.running)
			return;
		if (options.clearStyle) {
			options.toShow.add(options.toHide).css({
						height : "",
						overflow : ""
					});
		}
		$(this).triggerHandler("change.dwz-accordion", [options.data],
				options.change);
	}

	function fillSpace(key) {
		var obj = jmenus.get(key);
		if (!obj)
			return;

		var parent = $(obj).parent();
		var height = parent.height()
				- (($(".accordionHeader", obj).size()) * ($(
						".accordionHeader:first-child", obj).outerHeight()))
				- 2;

		var os = parent.children().not(obj);
		$.each(os, function(i) {
					height -= $(os[i]).outerHeight();
				});
		$(".accordionContent", obj).height(height);
	}

	function toggle(toShow, toHide, data, clickedActive, down) {
		var options = $.data(this, "dwz-accordion").options;
		options.toShow = toShow;
		options.toHide = toHide;
		options.data = data;
		var complete = scopeCallback(completed, this);

		// count elements to animate
		options.running = toHide.size() == 0 ? toShow.size() : toHide.size();

		if (options.animated) {
			if (!options.alwaysOpen && clickedActive) {
				$.dwz.accordion.animations[options.animated]({
							toShow : jQuery([]),
							toHide : toHide,
							complete : complete,
							down : down,
							autoheight : options.autoheight
						});
			} else {
				$.dwz.accordion.animations[options.animated]({
							toShow : toShow,
							toHide : toHide,
							complete : complete,
							down : down,
							autoheight : options.autoheight
						});
			}
		} else {
			if (!options.alwaysOpen && clickedActive) {
				toShow.toggle();
			} else {
				toHide.hide();
				toShow.show();
			}
			complete(true);
		}
	}

	function clickHandler(event) {
		var options = $.data(this, "dwz-accordion").options;
		if (options.disabled)
			return false;

		// called only when using activate(false) to close all parts
		// programmatically
		if (!event.target && !options.alwaysOpen) {
			options.active.find("h2").toggleClass(options.selectedClass);
			var toHide = options.active.next(), data = {
				instance : this,
				options : options,
				newHeader : jQuery([]),
				oldHeader : options.active,
				newContent : jQuery([]),
				oldContent : toHide
			}, toShow = options.active = $([]);
			toggle.call(this, toShow, toHide, data);
			return false;
		}
		// get the click target
		var clicked = $(event.target);

		// due to the event delegation model, we have to check if one
		// of the parent elements is our actual header, and find that
		if (clicked.parents(options.header).length)
			while (!clicked.is(options.header))
				clicked = clicked.parent();

		var clickedActive = clicked[0] == options.active[0];

		// if animations are still active, or the active header is the target,
		// ignore click
		if (options.running || (options.alwaysOpen && clickedActive))
			return false;
		if (!clicked.is(options.header))
			return;

		// switch classes
		options.active.find("h2").toggleClass(options.selectedClass);
		if (!clickedActive) {
			clicked.find("h2").addClass(options.selectedClass);
		}

		// find elements to show and hide
		var toShow = clicked.next(), toHide = options.active.next(),
		// data = [clicked, options.active, toShow, toHide],
		data = {
			instance : this,
			options : options,
			newHeader : clicked,
			oldHeader : options.active,
			newContent : toShow,
			oldContent : toHide
		}, down = options.headers.index(options.active[0]) > options.headers
				.index(clicked[0]);

		options.active = clickedActive ? $([]) : clicked;
		toggle.call(this, toShow, toHide, data, clickedActive, down);

		return false;
	};

	function findActive(headers, selector) {
		return selector != undefined ? typeof selector == "number" ? headers
				.filter(":eq(" + selector + ")") : headers.not(headers
				.not(selector)) : selector === false ? $([]) : headers
				.filter(":eq(0)");
	}

	$.extend($.dwz.accordion, {
		defaults : {
			selectedClass : "collapsable",
			alwaysOpen : true,
			animated : 'slide',
			event : "click",
			header : ".accordionHeader",
			autoheight : true,
			running : 0,
			navigationFilter : function() {
				return this.href.toLowerCase() == location.href.toLowerCase();
			}
		},
		animations : {
			slide : function(options, additions) {
				options = $.extend({
							easing : "swing",
							duration : 300
						}, options, additions);
				if (!options.toHide.size()) {
					options.toShow.animate({
								height : "show"
							}, options);
					return;
				}
				var hideHeight = options.toHide.height(), showHeight = options.toShow
						.height(), difference = showHeight / hideHeight;
				options.toShow.css({
							height : 0
						}).show();
				options.toHide.filter(":hidden").each(options.complete).end()
						.filter(":visible").animate({
									height : "hide"
								}, {
									step : function(now) {
										var current = (hideHeight - now)
												* difference;
										if ($.browser.msie || $.browser.opera) {
											current = Math.ceil(current);
										}
										options.toShow.height(current);
									},
									duration : options.duration,
									easing : options.easing,
									complete : function() {
										if (!options.autoheight) {
											options.toShow.css({
														height : "auto"
													});
										}
										options.toShow.css({
													overflow : "auto"
												});
										options.complete();
									}
								});
			},
			bounceslide : function(options) {
				this.slide(options, {
							easing : options.down ? "bounceout" : "swing",
							duration : options.down ? 1000 : 200
						});
			},
			easeslide : function(options) {
				this.slide(options, {
							easing : "easeinout",
							duration : 700
						})
			}
		}
	});
})(jQuery);
